/**
 * 统计图表
 * */


//tab
function tabHtml(){
    var tlist = [
        '', '个人', '项目组', '所有项目', '同比环比', //'图形报表',
    ];
    var h = '', i = 1;
    for (; i <= 4; i ++) {
        if (i == type) {
            h += '<div class="tli hover" id="tli0' + i + '" onclick="toTab(' + i + ');">' + tlist[i] + '</div>';
        } else {
            h += '<div class="tli" id="tli0' + i + '" onclick="toTab(' + i + ');">' + tlist[i] + '</div>';
        }
    }
    $('.tab').html(h);
    getList();
}
//图表列表
function getList(){
    var types = [
        '', '个人工时汇总', '项目组工时汇总', '所有项目工时汇总', '同比环比数据比较', //'图形报表',
    ];
    var uinfo = getUserInfo();
    var formData = {
        uid: uinfo.uid, type: type,
    };
    $.ajax({
        type: apiMethod,
        url: apiDomain + 'tongji/index',
        data: formData,
        success: function (res) {
            console.log(res);
            if (res.code != 0) {
                msgPop({msg: res.msg});
                return
            }
            var d = res.data;
            d.tname = types[type];
            if (type != 4) {
                chart(res.data);
            } else {
                chartbi(res.data);
            }
        },
        error: function () {
            console.log('网络错误');
        }
    });
}
function toTab(v){
    window.location.href = 'tongji.html?type=' + v;
}
//个人汇总
function chart(e){
    $('.tlist').highcharts({
        title: {
            text: e.tname,
            x: -20
        },
        subtitle: {
            text: '项目-任务-工时',
            x: -20
        },
        xAxis: {
            categories: e.title
        },
        yAxis: {
            title: {
                text: '时长 (分钟)'
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }]
        },
        tooltip: {
            valueSuffix: '°C'
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'middle',
            borderWidth: 0
        },
        series: [
            {
                name: '项目工时',
                data: e.val
            }
        ]
    });
}
//同比环比
function chartbi(e){
    $('.tlist').highcharts({
        title: {
            text: '同比环比',
            x: -20 //center
        },
        subtitle: {
            text: '项目-任务-工时',
            x: -20
        },
        xAxis: {
            categories: e.title
        },
        yAxis: {
            title: {
                text: '时长 (分钟)'
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }]
        },
        tooltip: {
            valueSuffix: '°C'
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'middle',
            borderWidth: 0
        },
        series: [
            {
                name: '上一个5天',
                data: e.valPre
            }
            , {
                name: '最近5天',
                data: e.val
            }
        ]
    });
}


////字符串
//function getHtml(d){
//    var h = '';
//    if (type == 1) {
//        h += '<div class="chart" id="chart01"></div>';
//    } else if (type == 2) {
//        h += '<div class="chart" id="chart02"></div>';
//    } else if (type == 3) {
//        h += '<div class="chart" id="chart03"></div>';
//    } else if (type == 4) {
//        h += '<div class="chart" id="chart04"></div>';
//    } else if (type == 5) {
//        h += '<div class="chart" id="chart05"></div>';
//    } else {
//    }
//    $('#tbody').html(h);
//    if (type == 1) {
//        chart01();
//    } else if (type == 2) {
//        chart02();
//    } else if (type == 3) {
//        chart03();
//    } else if (type == 4) {
//        chart04();
//    } else if (type == 5) {
//        chart05();
//    } else {
//        chart01();
//        chart02();
//        chart03();
//        chart04();
//        chart05();
//    }
//}


////个人汇总
//function chart01(){
//    $('#chart01').highcharts({
//        title: {
//            text: '个人工时汇总',
//            x: -20 //center
//        },
//        subtitle: {
//            text: '项目-任务-工时',
//            x: -20
//        },
//        xAxis: {
//            categories: ['一月', '二月', '三月', '四月', '五月', '六月','七月', '八月', '九月', '十月', '十一月', '十二月']
//        },
//        yAxis: {
//            title: {
//                text: '时长 (分钟)'
//            },
//            plotLines: [{
//                value: 0,
//                width: 1,
//                color: '#808080'
//            }]
//        },
//        tooltip: {
//            valueSuffix: '°C'
//        },
//        legend: {
//            layout: 'vertical',
//            align: 'right',
//            verticalAlign: 'middle',
//            borderWidth: 0
//        },
//        series: [
//            {
//                name: '项目工时',
//                data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
//            }
//        ]
//    });
//}
//
//
////项目组汇总
//function chart02(){
//    $('#chart02').highcharts({
//        title: {
//            text: '项目组工时汇总',
//            x: -20 //center
//        },
//        subtitle: {
//            text: '项目-任务-工时',
//            x: -20
//        },
//        xAxis: {
//            categories: ['一月', '二月', '三月', '四月', '五月', '六月','七月', '八月', '九月', '十月', '十一月', '十二月']
//        },
//        yAxis: {
//            title: {
//                text: '时长 (分钟)'
//            },
//            plotLines: [{
//                value: 0,
//                width: 1,
//                color: '#808080'
//            }]
//        },
//        tooltip: {
//            valueSuffix: '°C'
//        },
//        legend: {
//            layout: 'vertical',
//            align: 'right',
//            verticalAlign: 'middle',
//            borderWidth: 0
//        },
//        series: [
//            {
//                name: '项目工时',
//                data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
//            }
//        ]
//    });
//}
//
//
////所有项目汇总
//function chart03(){
//    $('#chart03').highcharts({
//        title: {
//            text: '所有项目工时汇总',
//            x: -20 //center
//        },
//        subtitle: {
//            text: '项目-任务-工时',
//            x: -20
//        },
//        xAxis: {
//            categories: ['一月', '二月', '三月', '四月', '五月', '六月','七月', '八月', '九月', '十月', '十一月', '十二月']
//        },
//        yAxis: {
//            title: {
//                text: '时长 (分钟)'
//            },
//            plotLines: [{
//                value: 0,
//                width: 1,
//                color: '#808080'
//            }]
//        },
//        tooltip: {
//            valueSuffix: '°C'
//        },
//        legend: {
//            layout: 'vertical',
//            align: 'right',
//            verticalAlign: 'middle',
//            borderWidth: 0
//        },
//        series: [
//            {
//                name: '所有项目工时',
//                data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
//            }
//        ]
//    });
//}
//
//
////同比环比
//function chart04(){
//    $('#chart04').highcharts({
//        title: {
//            text: '同比环比',
//            x: -20 //center
//        },
//        subtitle: {
//            text: '项目-任务-工时',
//            x: -20
//        },
//        xAxis: {
//            categories: ['一月', '二月', '三月', '四月', '五月', '六月','七月', '八月', '九月', '十月', '十一月', '十二月']
//        },
//        yAxis: {
//            title: {
//                text: '时长 (分钟)'
//            },
//            plotLines: [{
//                value: 0,
//                width: 1,
//                color: '#808080'
//            }]
//        },
//        tooltip: {
//            valueSuffix: '°C'
//        },
//        legend: {
//            layout: 'vertical',
//            align: 'right',
//            verticalAlign: 'middle',
//            borderWidth: 0
//        },
//        series: [
//            {
//                name: '上一周',
//                data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
//            }
//            //, {
//            //    name: 'New York',
//            //    data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
//            //}
//            //, {
//            //    name: 'Berlin',
//            //    data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
//            //}
//            , {
//                name: '本周',
//                data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
//            }
//        ]
//    });
//}
//
//
////图形报表
//function chart05(){
//    $('#chart05').highcharts({
//        title: {
//            text: '图形报表',
//            x: -20 //center
//        },
//        subtitle: {
//            text: '项目-任务-工时',
//            x: -20
//        },
//        xAxis: {
//            categories: ['一月', '二月', '三月', '四月', '五月', '六月','七月', '八月', '九月', '十月', '十一月', '十二月']
//        },
//        yAxis: {
//            title: {
//                text: '时长 (分钟)'
//            },
//            plotLines: [{
//                value: 0,
//                width: 1,
//                color: '#808080'
//            }]
//        },
//        tooltip: {
//            valueSuffix: '°C'
//        },
//        legend: {
//            layout: 'vertical',
//            align: 'right',
//            verticalAlign: 'middle',
//            borderWidth: 0
//        },
//        series: [
//            {
//                name: '图形报表',
//                data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
//            }
//        ]
//    });
//}